<template>
  <div>
    <h1>发现音乐</h1>
    <hr />
    <!-- 二级路由跳转页面
    1、在一级路由对象中通过children (中括号包裹二级路由)属性配置二级路由规则
    2、嵌套的二级路由最好不要用/避免出错，如果使用的话二级页面也要配合一起使用
    3、设置路由挂载点   <router-view></router-view>
     -->

    <router-link to="/find/Ranking">推荐</router-link> |
    <router-link to="/find/Recommend">排行榜</router-link> |
    <router-link to="/find/SongList">歌单</router-link> |

    <!-- 设置二级路由挂载点 -->
    <router-view> </router-view>
  </div>
</template>
<style scoped>
.router-link-active {
  color: brown;
  background-color: palegoldenrod;
  font-size: 30px;
}
</style>